
<html>
<title>First Test of Section 5.3 of CSS1 Spec</title>
<head>

<style type="text/css">
P { color: red }
H3 {background-color: green}

P {background-image: url(flagbg.gif)}

P {background-repeat: repeat}

P {background-attachment: scroll}

P {background-position: 50%50%}

BLOCKQUOTE {background: blue repeat fixed}



</style>
</head>






<body>



<h1 >Testing Statement #1 Below for Section 5.3 of CSS1 Spec</h1>


<ul>
<li>
1. The color and background properties describe the foreground color and the
surface onto which the content is rendered.  One can set a background color and/or
a background image.
</ul>

<h2>
PASS CRITERIA:
</h2>
If statement #1 above is correct:
<p>
This paragraph should be red, with a flag background, scrolling with the
page, repeated both horizontally and vertically, and centered.  The rules
applied are: "P {color: red}", "P {background-repeat: repeat}",
"P {background-image: url(flagbg.gif)}", "P {background-attachment: scroll}",
and "P {background-position: 50%50%}".  These properties define the 
foreground color (red) and surface to which this element is rendered
(background).  The background image is a flag.

<h3>
The background color of this h3 heading should be green.
The rule applied is "h3 {background-color: green}".
</h3>

<blockquote>
The background on this blockquote element should be blue repeated and fixed.
The rule applied is "blockquote {background: blue repeat fixed}".  Note 
that the background property rule sets a number of detailed properties 
(refer to "p" element above)
</blockquote>
All other properties of this page should be UA-default.
To move directly to the next test, click<a href="53-2.htm"> here</a>
</body>
</html>
